<template>
  <h1>这是郭惠宇的页面</h1>
  <to-do-header></to-do-header>
  <to-do-main :list="list"></to-do-main>
  <to-do-footer></to-do-footer>
</template>
<script setup>
import ToDoHeader from './components/ToDoHeader.vue';
import ToDoMain from './components/ToDoMain.vue';
import ToDoFooter from './components/ToDoFooter.vue';
import { ref } from 'vue';
const list = ref([
  { id: 1, name: '学习Vue3', done: false }, 
  { id: 2, name: '跑步', done: true },
  { id: 3, name: '调高', done: true },
  { id: 4, name: '跳绳', done: true }
]);

</script>
<style></style>